<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="棉花种植传统灌溉与智能节水系统用水量对比报告" name="first">
        <h1>棉花种植传统灌溉与智能节水系统用水量对比报告</h1>
        <div class="box">
          <h2>一、棉花需水特性与试验背景</h2>
          <div class="content">
            <p><b>作物特性：</b><span>全生育期需水 350-500mm，敏感期为现蕾-吐絮期（占需水 90%）</span></p>
            <p><b>痛点问题：</b><span>漫灌导致亩耗水超 350m³，棉田次生盐渍化率>30%</span></p>
            <p><b>技术方案：</b><span>部署物联网智能滴灌系统（土壤墒情仪+气象站+智能灌溉设备）</span></p>
          </div>
        </div>
        <div class="box">
          <h2>二、对比试验方案</h2>
          <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="parameter" label="参数" width="180" />
            <el-table-column prop="traditionalIrrigation" label="传统漫灌组" width="180" />
            <el-table-column prop="smartIrrigation" label="智能灌溉组" />
          </el-table>
        </div>
        <div class="box">
          <h2>三、关键数据对比分析</h2>
          <el-table :data="keyDataComparison" style="width: 100%">
            <el-table-column prop="growthStage" label="生育期" />
            <el-table-column prop="traditionalIrrigation" label="传统漫灌(m³/亩)" />
            <el-table-column prop="smartIrrigation" label="智能滴灌(m³/亩)" />
            <el-table-column prop="waterSavingEffect" label="节水效果" />
          </el-table>
        </div>
        <div class="box">
          <h2>四、综合效益分析</h2>
          <el-table :data="comprehensiveBenefits" style="width: 100%">
            <el-table-column prop="indicator" label="指标" />
            <el-table-column prop="traditionalIrrigation" label="传统漫灌(m³/亩)" />
            <el-table-column prop="smartIrrigation" label="智能滴灌(m³/亩)" />
            <el-table-column prop="waterSavingEffect" label="节水效果" />
          </el-table>
        </div>
        <div class="box">
          <h2>五、结论与推广建议</h2>
          <div class="content">
            <h3>节水实证:</h3>
            <p>智能灌溉实现 <b>15.6%</b> 综合节水量（亩节水 <b>54.53m³</b>），水分生产率突破 <b>0.8kg/m³</b></p>
            <h3>增产机理:</h3>
            <p>花铃期保持土壤含水率 <b>65%-70%</b>，减少蕾铃脱落率 <b>7.3</b> 个百分点</p>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="节水统计报告" name="second">节水统计报告</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: 'first',
      tableData: [
        {
          parameter: '试验面积',
          traditionalIrrigation: '150 亩（对照田）',
          smartIrrigation: '150 亩（毗邻地块）'
        },
        {
          parameter: '灌溉方式',
          traditionalIrrigation: '渠水漫灌（7 次/季）',
          smartIrrigation: '膜下滴灌（16 次/季）'
        },
        {
          parameter: '数据周期',
          traditionalIrrigation: '2024 年 4 月-9 月（全生育期）',
          smartIrrigation: '2024 年 4 月-9 月（全生育期）'
        },
        {
          parameter: '监测维度',
          traditionalIrrigation: '用水量、土壤 EC 值、产量、灌溉用工量',
          smartIrrigation: '用水量、土壤 EC 值、产量、灌溉用工量'
        }
      ],
      keyDataComparison: [
        {
          growthStage: '苗期',
          traditionalIrrigation: '50',
          smartIrrigation: '25.04',
          waterSavingEffect: '减少深层渗漏'
        },
        {
          growthStage: '蕾期',
          traditionalIrrigation: '100',
          smartIrrigation: '65.22',
          waterSavingEffect: '关键节水期'
        },
        {
          growthStage: '花铃期',
          traditionalIrrigation: '150',
          smartIrrigation: '170.19',
          waterSavingEffect: '关键节水期'
        },
        {
          growthStage: '吐絮期',
          traditionalIrrigation: '50',
          smartIrrigation: '35.02',
          waterSavingEffect: '防早衰节水'
        }
      ],
      comprehensiveBenefits: [
        {
          indicator: '亩均节水',
          traditionalIrrigation: '350',
          smartIrrigation: '295.47',
          waterSavingEffect: '节水 15.6%'
        },
        {
          indicator: '产量',
          traditionalIrrigation: '342kg/亩',
          smartIrrigation: '398kg/亩',
          waterSavingEffect: '提升 16.4%'
        },
        {
          indicator: '灌溉用工',
          traditionalIrrigation: '5.2 工日/亩',
          smartIrrigation: '0.8 工日/亩',
          waterSavingEffect: '节省 84%'
        }
      ]
    }
  },
  methods: {}
}
</script>
<style lang = "scss"  scoped>
.box {
  margin-bottom: 20px;
}
.content {
  margin-top: 10px;
}
</style>
